<template>
    <div class="breadcrumb-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="breadcrumb-list">
                        <nav aria-label="breadcrumb" class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <router-link to="/teacher">首页</router-link>
                                </li>

                                <li class="breadcrumb-item" aria-current="page">
                                    <router-link to="/teacher/class">我的班级</router-link>

                                </li>
                                <li class="breadcrumb-item" aria-current="page">Scratch编程启蒙</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="box profile-details">
        <div class="settings-menu p-0">
            <div class="profile-heading">
                <h3 data-sider-select-id="316b29b5-366a-43f3-8da7-d275e8512ed7">小刺猬吃苹果</h3>
                <div>
                    <img class="img-fluid" alt="" src="assets/img/course/course-12.jpg">
                </div>
            </div>
            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>课程内容</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>
            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>知识点</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>
            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>核心指令</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>

            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>重点</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>

            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>难点</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>
            <div class="checkout-form personal-address secure-alert border-line">
                <div class="personal-info-head">
                    <h4>注意事项</h4>
                    <p>You will get only those email notification what you want.</p>
                </div>

            </div>

        </div>
    </div>
</template>